/*
 * 一些常用的css功能
 */
// 清理浮动
.clearfix {
  zoom: 1; /* for IE6 IE7 */
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// Quick floats
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

// Toggling content
.hide {
  display: none;
}

.show {
  display: block;
}

// Toggling Visibility
.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}